---
outline: 'deep'
---

<script lang='ts' setup>
{{#each page.psControls as |ctrl|}}
  {{#eq ctrl.controlType 'FORM'}}
import {{camelCase (concat ctrl.psAppDataEntity.codeName ctrl.codeName)}} from '../../../../model/{{ctrl.dynaModelFilePath}}'
const {{camelCase ctrl.codeName}} = {}
    {{#each ctrl.psDEFormPages as |page|}}
      {{#each page.psDEFormDetails as |detail|}}
        {{~> @macro/common/formGroupPanel.hbs data=detail ctrl=ctrl index=@index }}
      {{/each}}
    {{/each}}
  {{/eq}}
{{/each}}
</script>

# {{page.caption}}

{{#each page.psControls as |ctrl|}}
  {{#eq ctrl.controlType 'FORM'}}
    {{#each ctrl.psDEFormPages as |page|}}
      {{#each page.psDEFormDetails as |detail|}}

<FormGroupPanel :level='2' :data='{{camelCase (concat ctrl.psAppDataEntity.codeName ctrl.codeName)}}.getPSDEFormPages[0].getPSDEFormDetails[{{@index}}]' :pData='{{camelCase (concat ctrl.psAppDataEntity.codeName ctrl.codeName)}}.getPSDEFormPages[0]'  :codeListMap='{{camelCase ctrl.codeName}}' ctrlName='{{lowerCase ctrl.codeName}}' />
      {{/each}}
    {{/each}}
  {{/eq}}
{{/each}}
